<!--
* @作者: 魔情公子
* @时间: 2023/9/20 12:30
-->
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>魔情公子头条管理平台-首页</title>
		<link href="../../assets/fonts/mqgz-icon.png" rel="shortcut icon" type="image/x-icon">
		<link href="../../assets/fonts/style.css" rel="stylesheet">
		<link href="../../lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
		<link href="../../assets/normalize/normalize.css" rel="stylesheet">
		<link href="../../lib/wangEditor/css/wangeditor.css" rel="stylesheet">
		<link href="index.css" rel="stylesheet">
	</head>
	<body>
		<div class="alert manage-alert"></div>
		<div class="manageBox">
			<!--导航栏-->
			<div class="directory">
				<h1>魔情公子头条</h1>
				<div class="directory-same">
					<a href="../content/index.html" class="current">
						<i class="icon-document-text3"></i>
						<i>内容管理</i>
					</a>
				</div>
				<div class="directory-same">
					<a href="../../page/publish/index.html">
						<i class="icon-navigation"></i>
						<i>发布文章</i>
					</a>
				</div>
			</div>
			<!--详情盒子-->
			<div class="contentBox">
				<!--内容管理-详细内容-->
				<div class="mask active">
					<div class="content">
						<!--头部-->
						<div class="content-header">
							<!--账号-->
							<a class="manage-account account" href="javascript:">昵称</a>
							<!--退出系统-->
							<a class="manage-close quit" href="javascript:" data-bs-toggle="modal" data-bs-target="#quitModal">退出</a>
						</div>
						<!--内容管理-->
						<div class="content-manage">
							<!--内容管理标题-->
							<div class="content-manage-title"><h5>内容管理</h5></div>
							<!--内容管理状态-->
							<div class="content-manage-state">
								<span>状态:</span>
								<span class="ipt"><input checked id="all" name="states" type="radio"
														 value=""><i>全部</i></span>
								<span class="ipt"><input id="audit" name="states" type="radio"
														 value="1"><i>待审核</i></span>
								<span class="ipt"><input id="approved" name="states" type="radio" value="2"><i>审核通过</i></span>
							</div>
							<!--内容管理频道-->
							<div class="content-manage-channel">
								<span>频道:</span>
								<span>
								<select class="channel">
									<option value="">请选择文章频道</option>
								</select>
							</span>
							</div>
							<!--内容管理查询按钮-->
							<div class="content-manage-button">
								<button class="btn btn-primary btn-lg screen">筛选</button>
							</div>
						</div>
						<!--发布的文章-->
						<div class="content-body">
							<!--导航-->
							<div class="content-body-item">
								<span>封面</span>
								<span>标题</span>
								<span>状态</span>
								<span>发布时间</span>
								<span>阅读数</span>
								<span>评论数</span>
								<span>点赞数</span>
								<span>操作</span>
							</div>
							<!--发布的文章-->
							<div class="content-body-article">
								<ul>
									<li><a href="javascript:"><img alt=""
																   src="../../assets/images/default.jpg"></a>
									</li>
									<li><a href="javascript:">喜羊羊与灰太狼</a></li>
									<li>
										<i class="pending-review">待审核</i>
										<i class="approved">审核通过</i>
									</li>
									<li>2023-9-20 15:48:50</li>
									<li>0</li>
									<li>0</li>
									<li>0</li>
									<li>
										<a class="icon-trash5" href="javascript:"></a>
										<a class="icon-edit2" href="javascript:"></a>
									</li>
								</ul>
								<ul>
									<li><a href="javascript:"><img alt=""
																   src="../../assets/images/default.jpg"></a>
									</li>
									<li><a href="javascript:">喜羊羊与灰太狼</a></li>
									<li>
										<i class="pending-review">待审核</i>
										<i class="approved">审核通过</i>
									</li>
									<li>2023-9-20 15:48:50</li>
									<li>0</li>
									<li>0</li>
									<li>0</li>
									<li>
										<a class="icon-trash5" href="javascript:"></a>
										<a class="icon-edit2" href="javascript:"></a>
									</li>
								</ul>
							</div>
							<!--分页查询-->
							<div class="content-body-page">
								<div class="content-body-page-flex">
									<a class="page-pre page-box icon-chevrons-left" href="javascript:"></a>
									<span class="current-page">第<em>1</em>页</span>
									<a class="page-next page-box icon-chevrons-right" href="javascript:"></a>
									<span class="total-page">共<em>1</em>条</span>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>


		<!--确认删除模态窗口-->
		<div aria-hidden="true" aria-labelledby="exampleModalLabel" class="modal fade myModal" id="deleteModal"
			 tabindex="-1">
			<div class="modal-dialog modal-dialog-centered">
				<!--弹框内容-->
				<div class="modal-content">
					<!--弹框标题头-->
					<div class="modal-header">
						<h1 class="modal-title fs-5">删除</h1>
						<button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button"></button>
					</div>
					<!--弹框主体内容-->
					<div class="modal-body">
						<div class="add-book-modal-content">
							您确认删除该条数据吗？
						</div>
					</div>
					<!--弹框底部-->
					<div class="modal-footer">
						<button class="btn btn-secondary" data-bs-dismiss="modal" type="button">取消</button>
						<button class="btn btn-primary confirm" type="button">确认</button>
					</div>
				</div>
			</div>
		</div>
		<!--确认退出模态窗口-->
		<div aria-hidden="true" aria-labelledby="exampleModalLabel" class="modal fade myModal" id="quitModal"
			 tabindex="-1">
			<div class="modal-dialog modal-dialog-centered">
				<!--弹框内容-->
				<div class="modal-content">
					<!--弹框标题头-->
					<div class="modal-header">
						<h1 class="modal-title fs-5">退出登录</h1>
						<button aria-label="Close" class="btn-close" data-bs-dismiss="modal" type="button"></button>
					</div>
					<!--弹框主体内容-->
					<div class="modal-body">
						<div class="add-book-modal-content">
							你确定要退出登录吗？
						</div>
					</div>
					<!--弹框底部-->
					<div class="modal-footer">
						<button class="btn btn-secondary" data-bs-dismiss="modal" type="button">取消</button>
						<button class="btn btn-primary quit-confirm" type="button">确认</button>
					</div>
				</div>
			</div>
		</div>

		<script src="../../lib/bootstrap/js/bootstrap.js"></script>
		<script src="../../lib/wangEditor/js/wangeditor.js"></script>
		<script src="../../lib/ajax/axios.js"></script>
		<script src="../../lib/form-serialize/form-serialize.js"></script>
		<script src="../../utils/alert.js"></script>
		<script src="../../utils/request.js"></script>
		<script src="../../utils/auth.js"></script>
		<script src="index.js"></script>
	</body>
</html>